<template>
  <view class="member-con">
    <image :src="v" mode="widthFix" v-for="v in imgList" :key="v" class="img-box" />
  </view>
</template>

<script setup>
import { urlConf } from "@/config/resource";
const imgList = reactive([]);

onLoad(() => {
  const list = [ "01.jpg", "02.svg", "03.svg", "04.jpg"];
  list.forEach((v) => {
    imgList.push(urlConf + "common/vip/" + v);
  });
});
</script>

<style lang=scss scoped>
.member-con {
  margin-top: -88rpx;
  text-align: center;
}
.img-box {
  width: 100vw;
  &:first-child {
    margin-top: -88rpx;
  }
}
</style>